<template>
  <div class="person">
    <h2>Person组件</h2>
    <h3>姓名：{{ name }}</h3>
    <h3>年龄：{{ age+1 }}</h3>
    <h3>座驾：{{ car }}</h3>
  </div>
</template>

<script>
  // 此处写脚本
  export default {
    name:'Person',
    // 第一种接收方式：只接收
    // props:['name','age','car'],

    // 第二种接收方式：接收 + 限制数据类型
    /* props:{
      name:String,
      age:Number,
      car:Object
    } */

    // 第三种接收方式：接收 + 限制数据类型 + 指定默认值 + 配置必要性
    props:{
      name:{
        type:String,
        default:'吴彦祖',
        required:false
      },
      age:{
        type:Number,
        default:89,
        required:true
      },
      car:{
        type:Object,
        // 对象类型、数组类型的默认值，必须用工厂函数返回值
        default(){
          return {brand:'滑板',color:'猛男粉'}
        },
        required:false
      }
    }


  }
</script>

<style scoped>
  /* 此处写样式 */
  .person {
    background-color: skyblue;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px;
  }
</style>